<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
</head>
<style>
	.rr{
		width: 280px;
		height: 300px;
		background: url(a1.jpg) no-repeat,
		url(a2.jpg) 24px 29px no-repeat,
		url(a3.jpg) 50px 60px no-repeat;
		background-size: 50%;
		margin: 10%;
		border: 1px solid black;
	}
	.vvv{
		display: flex;
		align-items: center;
		font-weight: bold;
	}
	
	.vvv .a1{
		display: block;
		width: 40px;
		height: 42px;
		/* border: 1px solid black; */
		background-position: 0 -192px;
		background-repeat: no-repeat;
		background-image: url(bbbb.png);
		text-indent: -900px;
	}
	.vvv .a2{
		margin-left:100px;
		display: block;
		width: 40px;
		height: 42px;
		/* border: 1px solid black; */
		background-position: -40px -192px;
		background-repeat: no-repeat;
		background-image: url(bbbb.png);
		text-indent: -900px;
	}
	.vvv .a3{
		margin-left:100px;
		display: block;
		width: 40px;
		height: 42px;
		/* border: 1px solid black; */
		background-position: -80px -192px;
		background-repeat: no-repeat;
		background-image: url(bbbb.png);
		text-indent: -900px;
	}
	.vvv .a4{
		margin-left:100px;
		display: block;
		width: 40px;
		height: 42px;
		/* border: 1px solid black; */
		background-position: -120px -192px;
		background-repeat: no-repeat;
		background-image: url(bbbb.png);
		text-indent: -900px;
	}
</style>
<body>
	<div class="rr"></div>
	<div class="vvv">
		<span class="a1">多</span>
		<span>品类齐全，轻松购物</span>
		<span class="a2"></span>
		<span>多仓直发，极速配送</span>
		<span class="a3"></span>
		<span>正品行货，精致服务</span>
		<span class="a4"></span>
		<span>天天低价，畅选无忧</span>
	</div>
</body>
</html>